.xcode-edit{
    .edit-content{
        display: flex;
        flex-direction: column;
        height: 100%;
        &-head{
            margin: var(--tiklab-padding-item) 0;
            font-size: 13px;
            font-weight: var(--tiklab-font-weight-bold);
        }
        &-title{
            margin: var(--tiklab-padding-item) 0;
            .edit-title{
                &:not(:last-child){
                    margin-right: 10px;
                }
                &:hover{
                    text-decoration: underline;
                    cursor: pointer;
                }
            }
        }
        &-editor{
            display: flex;
            flex-direction: column;
            flex: 1;
            .edit-editor-title{
                background-color: #f4f4f4;
                padding: 8px 16px;
                .editor-title-compile{
                    cursor: pointer;
                    margin-right: var(--tiklab-padding-item);
                }
                .editor-title-preview{
                    cursor: pointer;
                }
                .editor-title-active{
                    color: var(--tiklab-blue);
                }
            }
            .edit-editor-content{
                flex: 1;
                width: 100%;

                border-left:1px solid #d9d9d9;
                border-right: 1px solid #d9d9d9;
                border-bottom: 1px solid #d9d9d9;
            }
        }
        &-msg{
            margin-top: var(--tiklab-padding-item);
        }
        &-btn{
            margin: 15px 0 5px 0;
            display: flex;
            gap: 10px;
        }
    }
}
